<script type = "text/javascript" src = "script/register.js"></script>
<div class="panel" align="justify" id="regPanel">
	<span class="orangetitle">Register</span>
	<form name="regForm" id="regForm" class="addForm">
		<span class="bodytext"><br /><br />
		<label for="username">Username</label><input type="text" name="username" id="username" /><span id="usernameErr" class="errSpan"></span><br/>
		<label for="surName">Sur Name</label><input type="text" name="surName" id="surName" /><span id="surNameErr" class="errSpan"></span><br/>
		<label for="givenName">Given Name</label><input type="text" name="givenName" id="givenName" /><span id="givenNameErr" class="errSpan"></span><br/>
		<label for="phoneNumber">Phone Number</label><input type="text" name="phoneNumber" id="phoneNumber" /><span id="phoneNumberErr" class="errSpan"></span><br/><br />
		<label for="password1">Password</label><input type="password" name="password1" id="password1" /><span id="password1Err" class="errSpan"></span><br/>
		<label for="password2">Confirm Password</label><input type="password" name="password2" id="password2" /><span id="password2Err" class="errSpan"></span><br/><br/>
		<input type="button" name="registerBtn" id="registerBtn" value="Register" />
		<input type="button" name="checkAvailabilityBtn" id="checkAvailabilityBtn" value="Check Availability" /><br/>
		</span>
	</form>
</div>
